<template>
  <el-container>
    <el-header><buttonBar @search="searchStu"></buttonBar></el-header>
    <el-main><studentView ref="studentview"></studentView></el-main>
    <el-footer><PageNation></PageNation></el-footer>
  </el-container>
</template>

<script>
import studentView from "../components/studentview.vue"
import buttonBar from "../components/buttonbar.vue"
import PageNation from "../components/pagination.vue"
export default {
  components: {
    studentView,
    buttonBar,
    PageNation
  },
  methods:{
    searchStu(stuid){
        this.$refs.studentview.searchByStuid(stuid)
    }
}
};
</script>

<style scoped>
    el-container{
        padding: 0;
    }
    el-main{
        padding: 0;
    }
</style>
